/*头部 header*/
body{background: #fff;color: #666;font-size: 14px;font-family: Helvetica,sans-serif;}
#header{}
.search-box {height: 40px;position: fixed; top: 0; left: 0; width: 100%; z-index: 99;}
.search-box .search-tb {line-height: 39px;margin: 0 10px;height: 100%;}
.search-form { padding-right: 36px;display: inline-block; height: 100%; width: 100%;}
.search-form-box { position: relative; background: white; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; height: 29px; margin-top: 6px; overflow: hidden; }
.search-form-icon { background: url(../assets/images/search.png) no-repeat right center; background-size: 12px 12px; width: 12px; height: 12px; display: inline-block; position: relative; top: 9px; float: left; margin: 0 5px 0 10px; }
.search-form-input { position: absolute; left: 0; top: 0; width: 100%; padding-left: 53px; padding-right: 10px; height: 100%; display: inline-block; }
.search-form-input input { border: 0; outline: none; display: inline-block; background: 0; font-size: 12px; line-height: 16px; height: 16px; width: 100%; vertical-align: middle; margin-top: -11px; color: #666; text-overflow: ellipsis; white-space: nowrap; }
.search-login { display: inline-block;position: absolute; right: 10px; top: 0;}
.search-login a{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.search-icon-login { font-size: 13px; color: #fff;display: inline-block;}

/*轮播图*/
.swiper-container { width: 100%; height: 4rem;}
.swiper-wrapper{}
.swiper-slide{}
.swiper-slide img{width: 100%; height: 100%;}

/*栏目*/
.index-column{width: 100%;}
.ic-title{width: 100%;height: 1rem;line-height: 1rem; background: #eee;font-size: 0.3rem;padding-left: 0.2rem;}
.ic-list{width: 100%;}
.ic-item{width: 2.5rem; height: 2.4rem; border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;float: left;text-align: center;padding-top: 0.5rem;}
.ic-item p{margin-top: 0.2rem;}

/*底部 nav*/
#nav{position: fixed;bottom: 0;left: 0;z-index: 99;width: 100%;height: 1.2rem;border-top: 0.02rem solid #b2b2b2;padding-top: 0.1rem; background: #fff;}
#nav li{float: left;width: 33.333%;text-align: center;}
#nav .curr{color: #0b0e4f!important;}
#nav .no-curr{}
#nav li a{color: #666;}
#nav li img{width: 0.6rem;height: 0.6rem;display: inline-block;}

/*top.html*/
.header{width: 100%;height: 1rem;line-height: 1rem;text-align: center;font-size: 0.32rem;border-bottom: 1px solid #ccc;}
.back{display: inline-block;float: left;font-size: 0.4rem;margin-left: 0.2rem;transform:scale(1,2); -ms-transform:scale(1,2);-webkit-transform:scale(1,2);-moz-transform:scale(1,2);-o-transform:scale(1,2);}
.title{}


/*==================       search.html     ========================*/
.search-back{position: absolute;top: 0;left: 0.2rem;color: #fff;font-size: 0.4rem;-webkit-transform: scale(1,2);}
.search-box-s {height: 40px;position: absolute; top: 0; left: 0; width: 100%; z-index: 99;background: #000;}
.search-box-s .search-tb-s {line-height: 0.8rem;margin: 0 10px;height: 100%;}
.search-form-s { padding-left: 36px;display: inline-block; height: 100%; width: 100%;}
.search-form-box-s { position: relative; background: white; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; height: 29px; margin-top: 6px; overflow: hidden; }
.search-form-input-s { position: absolute; left: 0; top: 0; width: 100%; padding-left: 33px; padding-right: 10px; height: 100%; display: inline-block; }
.search-form-input-s input { border: 0; outline: none; display: inline-block; background: 0; font-size: 12px; line-height: 16px; height: 16px; width: 100%; vertical-align: middle; margin-top: -11px; color: #666; text-overflow: ellipsis; white-space: nowrap; }
.search-btn{position: absolute;top: 0.222rem;right: 0.333rem;color: #666;}
.search-icon { background: url(../assets/images/search.png) no-repeat right center; background-size: 12px 12px; width: 12px; height: 12px; display: inline-block; position: absolute; top: 0.3rem;right: 0.333rem; margin: 0 5px 0 10px; }

.search-content{width: 100%; position: absolute;top: 1rem;}
.search-content ul{}
.search-content ul li{width: 100%;min-height: 1rem; padding: 0.12rem 0.24rem; border-bottom: 1px solid #dbdbdb;}
.search-content ul li p:first-child{color: #4b566a;font-size: 0.3rem;font-weight: bold; line-height: 0.44rem; margin-bottom: 0.1rem;overflow: hidden;}
.search-content ul li p{color: #eb5211;line-height: 0.4rem;}

/*==================       shop.html     ========================*/
.shop-header{position: fixed;top: 0;left: 0;width: 100%;height: 1.6rem;overflow: hidden;z-index: 199;background: #F5F5F5;}
.shop-header .shop-logo{width: 100%;height: 0.8rem;text-align: center;}
.shop-header .shop-logo img{width: 28%;height: 0.7rem;margin-top: 0.1rem;}

.shop-search-box {height: 0.8rem;width: 100%; z-index: 99;position: relative;}
.shop-search-box .shop-search-tb {line-height: 39px;margin: 0 10px;height: 100%;}
.shop-search-form { padding-right: 36px;display: inline-block; height: 100%; width: 100%;}
.shop-search-form-box { position: relative; background: white; border: 1px solid #aaa; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; height: 29px; margin-top: 6px; overflow: hidden; }
.shop-search-form-icon { background: url(../assets/images/search.png) no-repeat right center; background-size: 12px 12px; width: 12px; height: 12px; display: inline-block; position: relative; top: 9px; float: left; margin: 0 5px 0 10px; }
.shop-search-form-input { position: absolute; left: 0; top: 0; width: 100%; padding-left: 53px; padding-right: 10px; height: 100%; display: inline-block; }
.shop-search-form-input input { border: 0; outline: none; display: inline-block; background: 0; font-size: 12px; line-height: 16px; height: 16px; width: 100%; vertical-align: middle; margin-top: -11px; color: #666; text-overflow: ellipsis; white-space: nowrap; }
.shop-search-login { display: inline-block;position: absolute; right: 10px; top: 0;}
.shop-search-login a{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.shop-search-icon-login { font-size: 13px; color: #666;display: inline-block;}


/*shop 轮播图*/
.shop-banner{position: absolute;top: 1.6rem;left: 0;width: 100%;height: 4rem;}
.shop-banner .swiper-container { width: 100%; height: 4rem;}
.shop-banner .swiper-container .swiper-wrapper{}
.shop-banner .swiper-container .swiper-wrapper .swiper-slide{}
.shop-banner .swiper-container .swiper-wrapper .swiper-slide img{width: 100%; height: 100%;}


/*layout*/
.layout{position: absolute;top: 5.6rem;left: 0;width: 100%;margin-top: 0.3rem;}
.layout .layout-item{width: 20%;float: left;text-align: center;line-height: 0.45rem;}
.layout .layout-item a{color: #666;}
.layout .layout-item img{width: 1rem;height: 1rem;display: inline-block;border: 1px solid #333;border-radius: 50%;padding: 0.1rem;}


/*recommend*/
.shop-recommend{position: absolute;top: 7.8rem;left: 0;width: 100%;padding:0.22rem; font-size: 0.26rem; line-height: 0.38rem;margin-bottom: 2rem;}
.shop-recommend .shop-recommend-item{width: 3.4rem;height: 4.5rem;border: 1px solid #ccc;float: left;margin-bottom: 0.22rem;padding: 0.22rem;}
.shop-recommend .shop-recommend-item a{color: #666;}
.shop-recommend .shop-recommend-item:nth-of-type(odd){margin-right: 0.22rem;}
.shop-recommend .shop-recommend-item .ri-img{}
.shop-recommend .shop-recommend-item .ri-img img{width: 100%;height: 2.5rem;}
.shop-recommend .shop-recommend-item .ri-title{height: 0.77rem;overflow: hidden;text-align: center;}
.shop-recommend .shop-recommend-item .ri-label{height: 0.4rem;overflow: hidden;}


/*product.html*/
.product-banner{}
.product-banner .swiper-container { width: 100%; height: 6.8rem;}
.product-banner .swiper-container .swiper-wrapper{}
.product-banner .swiper-container .swiper-wrapper .swiper-slide{}
.product-banner .swiper-container .swiper-wrapper .swiper-slide img{width: 100%; height: 100%;}

.column { padding-top: 0.2rem;} 
.column .column-tit { overflow: hidden; line-height:0.8rem;}
.column .column-tit h2 { font-size: 0.32rem; color: #000; font-weight: 500; padding-left: 0.2rem; float: left;}
.column .column-tit .column-sh { float: right; height: 0.8rem; width: 0.8rem; padding: 0.2rem; margin-right: 0.2rem;}
.column span { font-size: 0.36rem; font-weight: normal; color: #e60012; padding-top: 0.2rem; display: block; padding-left: 0.2rem;}
.column span s { color: #999; margin-left: 0.4rem; font-size: 0.32rem;}
.column .note { font-size: 0.28rem; color: #999; line-height: 0.44rem; padding-left: 0.2rem; margin-bottom: 0.2rem;}
.column p { font-size: 0.32rem; line-height: 0.8rem; color: #666; border-bottom: 1px solid #e7e7e7; padding-left: 0.2rem;}
.column p b { font-weight: normal; color: #000; margin-left: 0.2rem;}
.column p i { width:6px; height:3px; margin-left:10px; background: url(../assets/images/icon_3.png) no-repeat right center; display: inline-block; margin-bottom: 0.1rem;}
.column .column-de a { color: #666; font-size: 0.32rem; line-height: 0.8rem; border-bottom: 6px solid #e7e7e7; border-top: 6px solid #e7e7e7; padding-left: 0.2rem; overflow: hidden; width: 100%; display: block;}
.column .column-de i { float: right; font-size: 0.36rem; margin-right: 0.4rem;}
.column .column-cn { font-size: 0.32rem; padding: 0.2rem 0 0.2rem 0.2rem;}
.column .column-cn b { border-left: 0.06rem solid #e81a62; margin-right: 0.08rem;}
.column-goods { overflow: hidden; padding: 0 0.2rem 1.4rem; width: 100%;}
.column-goods li { float: left; width: calc(50% - 0.2rem); border: 1px solid #CCC; margin: 0.1rem; text-align: center; font-size: 0.3rem;}
.column-goods li img { width: 100%; margin: 0 auto;}
.column-goods li i { color: #555;}
.column-goods li b {color: #e60012; font-weight: normal; display: block;}
.buy-fixed { position: fixed; bottom: 0; width: 100%; height: 1rem;}
.buy-fixed .left,.buy-fixed .middle,.buy-fixed .right { width: 35%; float: left; height: 1rem;}
.buy-fixed .left { background: #ffb03f;}
.buy-fixed .middle { background: #f23030;}
.buy-fixed .right {width: 30%; background: rgba(0,0,0,0.6);}
.buy-fixed .right img { width: 0.6rem; height: 0.6rem; margin: 0.2rem auto;}
.buy-fixed a { display: block; color: #fff; font-size: 0.36rem; line-height: 1rem; text-align: center;}



/*==================       recommend.html     ========================*/
.recommend{position: absolute;top: 1rem;left: 0;width: 100%;padding:0.22rem; font-size: 0.26rem; line-height: 0.38rem;margin-bottom: 2rem;}
.recommend .recommend-item{width: 3.4rem;height: 4.5rem;border: 1px solid #ccc;float: left;margin-bottom: 0.22rem;padding: 0.22rem;}
.recommend .recommend-item a{color: #666;}
.recommend .recommend-item:nth-of-type(odd){margin-right: 0.22rem;}
.recommend .recommend-item .ri-img{}
.recommend .recommend-item .ri-img img{width: 100%;height: 2.5rem;}
.recommend .recommend-item .ri-title{height: 0.77rem;overflow: hidden;text-align: center;}
.recommend .recommend-item .ri-label{height: 0.4rem;overflow: hidden;}

/*==================       cart.html     ========================*/
.cart-header{width: 100%;height: 1rem;line-height: 1rem;text-align: center;font-size: 0.32rem;}
.ch-back{display: inline-block;float: left;font-size: 0.6rem;margin-left: 0.1rem;}
.ch-title{}

.shopping-cart { width: 7.5rem; margin: 0 auto; padding-top: 0;}
.cart-left>a,.cart-right>a{ display: block;}
.cart-list { padding: 0.2rem;}
.cart-list li { overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 0.2rem;}
.cart-left { width: 1.5rem; height: 1.5rem; float: left; border: 1px solid #eee; margin-top: 0.2rem;}
.cart-right { float: left; margin-left: 0.2rem;}
.cart-right i { display: block; font-size: 0.32rem; color: #e60012;}
.cart-item-tit { font-size: 0.3rem; color: #333; line-height: 0.7rem; overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/}
.mod-modifier { overflow: hidden; width: 2rem; margin-top: 0.2rem;}  
.cart-right .mod-modifier a{ width: 0.4rem; height: 0.4rem; line-height: 0.4rem; background: #e60012; color: #fff; font-weight: bold; text-align: center; font-size: 0.28rem;}
.mod-modifier input { float: left; margin-left: 0.1rem; border: 1px solid #ccc; width: 1rem; height: 0.4rem; line-height: 0.4rem; text-align: center; font-size: 0.28rem; background: #f5f5f5;}
.modifier-sub { float: left;}
.modifier-add { float: left; margin-left: 0.1rem;}
.cart-delete { width: 0.6rem; float: right;}
.cart-balance { position: fixed; bottom: 0; width: 7.5rem; left: 50%; margin-left: -3.75rem; height: 1.2rem; line-height: 1.2rem;}
.cart-balance p { font-size: 0.32rem; color: #666; float: left; margin-left: 0.4rem;}
.cart-balance span { display: inline-block; color: #e60012;}
.balance-info { float: right; background: #e60012; height: 0.8rem; line-height: 0.8rem; color: #fff; font-size: 0.32rem; text-align: center; width: 2.4rem; border-radius: 5px; margin-right: 0.2rem; margin-top: 0.2rem;}


/*==================       deliver.html     ========================*/
.deliver-header{padding: 0.1rem 0.2rem;}
.dh-title{font-size: 0.3rem; padding: 0.2rem 0;}
.dh-goods{width: 98%;height: 1.5rem; margin: 0 auto;border: 1px solid #ccc;border-radius: 0.1rem;}
.dh-goods .dh-goods-img{width: 30%;height: 1.5rem; line-height: 2.5rem; text-align: center; float: left;}
.dh-goods img{max-width: 1.2rem; max-height: 1.2rem;} 
.dh-goods .dh-goods-info{width: 70%;float: left;padding: 0.2rem;}
.dh-goods .dh-goods-info-name{height: 0.6rem;overflow: hidden;}
.dh-goods .dh-goods-info-num{height: 0.6rem;padding-top: 0.1rem;}
.dh-company{font-size: 0.3rem; padding: 0.2rem 0 0.1rem 0;}
.dh-num{font-size: 0.3rem; padding: 0.1rem 0 0.2rem 0;}


.track-rcol{width: 100%;}
.track-list{margin: 20px; padding-left: 5px; position: relative;}
.track-list li{position: relative; padding: 9px 0 0 25px; line-height: 18px; border-left: 1px solid #d9d9d9; color: #999;}
.track-list li.first{color: red; padding-top: 0; border-left-color: #fff;}
.track-list li .node-icon{position: absolute; left: -6px; top: 50%; width: 11px; height: 11px; background: url(../assets/images/order-icons.png)  -21px -72px no-repeat;}
.track-list li.first .node-icon{background-position:0 -72px;}
.track-list li .time{margin-right: 20px; position: relative; top: 4px; display: inline-block; vertical-align: middle;}
.track-list li .txt{max-width: 600px; position: relative; top: 4px; display: inline-block; vertical-align: middle;}
.track-list li.first .time{margin-right: 20px; }
.track-list li.first .txt{max-width: 600px; }


/*==================       sort.html     ========================*/
.sort-tab{}
.sort-tab .st-left{width: 1.6rem;height: 12.34rem; float: left;background: #f1f1f1;}
.sort-tab .st-left .st-left-title{width: 100%;height: 1rem;line-height: 1rem; text-align: center;border-bottom: 1px solid #e1e1e1;font-size: 0.3rem;font-weight: bold;}
.sort-tab .st-left .st-left-list li{width: 100%;height: 1.2rem;line-height: 1.2rem; text-align: center;border-bottom: 1px solid #e1e1e1;font-size: 14px;}
.sort-tab .st-left .st-left-list li.active{ background: #fff; color: #333;}
.sort-tab .st-right{height: 100%;margin-left: 1.8rem;padding-top: 0.2rem;}
.sort-tab .st-right li{width: 2.8rem;height: 3.5rem; text-align: center;float: left;}
.sort-tab .st-right li img{width: 100%;height: 80%;}


/*==================       用户中心    ========================*/
.user-center { width: 7.5rem; margin: 0 auto;  position: relative;}
.portrait { position: absolute; top: 0.36rem; width: 7.5rem;}
.portrait a { display: block; width: 1.2rem; height: 1.2rem; border-radius: 0.6rem; border: 1px solid #fff; overflow: hidden; margin: 0 auto;}
.portrait p { font-size: 0.28rem; line-height: 0.44rem; text-align: center; color: #fff;}
.my-order { border-top: 6px solid #eee; border-bottom: 6px solid #eee;}
.my-order h3 { line-height: 0.8rem; font-size: 0.32rem; padding-left: 1rem; font-weight: normal; position: relative; margin-bottom: 0.2rem; border-bottom: 1px solid #ccc;}
.my-order h3 a{ display: block; color: #333;}
.my-order h3::before { content: ""; position: absolute; left: 0.3rem; top: 0.14rem; display: inline-block; width: 26px; height: 26px; background: url(../assets/images/spread.png) -130px -42px; background-size: 160px;}
.my-order h3::after { content: ""; position: absolute; right: 0.2rem; top: 0.08rem; display: inline-block; width: 0.6rem; height: 0.6rem; background: url(../assets/images/spread.png) -1px -106px; background-size: 160px;}
.my-order ul { overflow: hidden; width: 7.2rem; margin: 0 auto; padding-bottom: 0.12rem;}
.my-order ul li { float: left; width: 1.8rem;}
.my-order li a { display: block;}
.my-order li i { display: block; margin: 0 auto; width: 32px; height: 32px; background: url(../assets/images/spread.png) -62px -70px; background-size: 160px;}
.my-order li span { display: block; font-size: 0.3rem; line-height: 0.6rem; text-align: center; color: #666;}
.my-order li:nth-child(2) i { background-position: -93px -70px;}
.my-order li:nth-child(3) i { background-position: -127px -70px;}
.my-order li:nth-child(4) i { background-position: -126px -100px;}
.my-sale { position: relative;}
.my-sale h3 { line-height: 0.8rem; font-size: 0.32rem; padding-left: 0.3rem; font-weight: normal; margin-bottom: 0.2rem; border-bottom: 1px solid #ccc; overflow: hidden;}
.my-sale h3 a { float: left; color: #333; width: 6.4rem; padding-left: 0.1rem;}
.my-sale em { float: left; margin: 0 auto; width: 30px; height: 30px; background: url(../assets/images/spread.png) -2px -72px; background-size: 160px; margin-top: 0.1rem;}
.my-sale .my-sale02 {background-position: -34px -73px; }
.my-sale .my-sale03 {background-position: -34px -105px; }
.my-sale h3::after { content: ""; position: absolute; right:0.2rem; top: 0.08rem; display: inline-block; width: 30px; height: 30px; background: url(../assets/images/spread.png) -1px -102px; background-size: 160px;}
.invoice-save-button { width: 7.1rem; background: #e60012; height: 0.8rem; line-height: 0.8rem; font-size: 0.36rem; color: #fff; text-align: center; margin-top: 0.4rem; margin-left: 0.2rem; border-radius: 5px;}


/*==================       登录注册页面     ========================*/
.form-label { width: 7.5rem; margin: 0 auto; overflow: hidden;}
#username_div, #password_div,#usernum_div{ width: 7.1rem; margin: 0 auto; border: 1px solid #ccc; border-radius: 5px; height: 0.8rem; line-height: 0.8rem; font-size: 0.32rem; padding-left: 0.2rem; margin-top: 0.4rem;}
.login_info { width: 5rem; height: 0.48rem; line-height: 0.4rem; margin: 0 auto; font-size: 0.28rem; color: #333;}
.invoice-save-button { width: 7.1rem; background: #e60012; height: 0.8rem; line-height: 0.8rem; font-size: 0.36rem; color: #fff; text-align: center; margin-top: 0.4rem; margin-left: 0.2rem; border-radius: 5px;}
.register-btn { float: left; margin-left: 0.4rem; font-size: 0.3rem; margin-top: 0.4rem; color: #e60012;}
.forget-btn { color: #e60012; float: right; font-size: 0.28rem; margin-top: 0.4rem; margin-right: 0.4rem;}
#identify_div { margin-top: 0.4rem; overflow: hidden;}
#identify_div input{ width: 3.6rem;  border: 1px solid #ccc; border-radius: 5px; height: 0.8rem; line-height: 0.8rem; float: left; margin-left: 0.2rem; font-size: 0.3rem; text-align: center;}
.send-code {float: right; width: 3.2rem; height: 0.8rem; line-height: 0.8rem; text-align: center; color: #fff; text-align: center; background: #e60012; border-radius: 5px; font-size: 0.3rem; margin-right: 0.2rem;}
#help_div { margin-top: 0.4rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.3rem; padding-left: 0.2rem;}
#help_div input{ width: 3.6rem;  border: 1px solid #ccc; border-radius: 5px; height: 0.8rem; line-height: 0.8rem; margin-left: 0.2rem; font-size: 0.3rem; text-align: center;}


/*==================       我的订单    ========================*/
.goods-order { width: 7.5rem; margin: 0 auto;}
.goods-order ul.gd-list-title { width: 7rem; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #eee;}
.goods-order ul.gd-list-title li { float: left; width: 1.4rem; }
.goods-order ul.gd-list-title li.active { border-bottom: 3px solid #e60012; }
.goods-order ul.gd-list-title li.active a { color: #e60012; }
.goods-order .gd-list-title a{ display: block; color: #61666f; font-size: 0.3rem; text-align: center; line-height: 0.8rem;}

.gol-tit { overflow: hidden; height: 0.7rem; width: 7.5rem; margin: 0 auto;}
.gol-tit h3 { float: left; margin-left: 0.3rem; font-size: 0.32rem; color: #333; font-weight: normal; height: 0.7rem; line-height: 0.7rem; width: 5.6rem;} 
.gol-tit span { float: right; margin-right: 0.3rem; font-size: 0.3rem; line-height: 0.7rem; color: #e60012;}
.gol-item { background: #f5f5f5; padding: 0.2rem 0;}
.gol-item a { display: block; overflow: hidden; position: relative;}
.gol-item img { width: 2rem; height: 2rem; float: left; background: #fff; margin-left: 1rem;}
.gol-item p { line-height: 0.44rem; float: left; margin-left: 0.2rem; margin-top: 0.4rem; font-size: 0.28rem; color: #666; width: 3.2rem;}
.gol-item em { float: right; font-size: 0.3rem; line-height: 0.6rem; color: #333; margin-top: 0.4rem; margin-right: 0.2rem;}
.gol-item i { position: absolute; right: 0.2rem; top: 1rem;}
.gol-item-price { border-bottom: 1px solid #eee;}
.gol-item-price p { line-height: 0.76rem; font-size: 0.3rem; text-align: right; margin-right: 0.2rem;}
.gol-item-price span { font-size: 0.4rem;}
.gol-item-btn { height: 1rem; border-bottom: 1px solid #eee; overflow: hidden; padding-top: 0.2rem;}
.gol-item-btn a { float: right; height: 0.6rem; line-height: 0.6rem; width: 2rem; text-align: center; font-size: 0.32rem; border-radius: 5px;  margin-right: 0.2rem;}
.gol-item-btn .gol-delete { background: #e60012; color: #fff;}
.gol-item-btn .gol-pay { border: 1px solid #e60012; color: #e60012;}


/*==================       我的推广明细页面     ========================*/
.spread-list { width: 7.5rem; margin: 0 auto; }
.spread-list .list02,.spread-list .list03,.spread-list .list04 { border-top: 10px solid #eee;}
.spread-list li { padding: 0 0.2rem; border-bottom: 1px solid #ccc; height: 0.8rem; line-height: 0.8rem; font-size: 0.32rem;}

.spread-list li a { display: block;  color: #333;}

.spread-list li i { float: right; color: #555; font-size: 0.28rem; margin-right: 0.2rem; color: #f20;}
.spread-list li b { float: right; margin-right: 0.2rem; font-weight: normal; color: #999;}
.spread-list span { display:block; float: left; margin-top: 0.22rem; width: 20px; height: 20px; background: url(../assets/images/spread.png) no-repeat -2px -4px; background-size: 116px; margin-right: 0.1rem;}
.spread-list .list01 li:nth-child(2) span { background-position: -2px -28px;}
.spread-list .list02 li:nth-child(1) span { background-position: -50px -4px;}
.spread-list .list02 li:nth-child(2) span { background-position: -50px -28px;}
.spread-list .list03 li:nth-child(1) span { background-position: -25px -4px;}
.spread-list .list03 li:nth-child(2) span { background-position: -25px -28px;}
.spread-list .list04 li:nth-child(1) span { background-position: -95px -4px;}

.qr-code { width: 7.5rem; margin: 0 auto; padding-top: 0.8rem;}
.qr-code .code-title { }
.qr-code .code-title img { width: 1.6rem; height: 1.6rem; margin: 0 auto; display: block;}
.qr-code .code-pic { width: 3.6rem; margin: 0.4rem auto 0; display: block; }
.qr-code p { text-align: center; line-height: 0.6rem; color: #666; font-size: 0.26rem;}

.sp-client { width: 7.5rem; margin: 0 auto;}
.sp-client li { height: 0.8rem; border-bottom: 1px solid #ccc; line-height: 0.8rem; font-size: 0.3rem; padding: 0 0.2rem;}
.sp-client li span { float: left; width: 20px; height: 20px; margin-top: 0.22rem; background: url(../assets/images/spread.png) no-repeat -50px -4px; background-size: 116px; margin-right: 0.2rem;}
.sp-client li i{ float: right; margin-right: 0.4rem; color: #f20; font-size: 0.26rem;}
.sp-ind li span { background-position: -50px -28px;}
.reward-bg li span { background-position: -2px -4px;}
.reward-bg02 li span { background-position: -2px -28px;}


/*==================       提现     ========================*/
.fixed  .return { font-size: 0.36rem; line-height: 0.88rem; text-align: center; color: #2d2d2d; background: #f3f3f3; border-bottom: 1px solid #ccc;}
.money { width: 7.5rem; margin: 0 auto; text-align: center;}
#icon { width: 60%; margin: 0 auto; padding: 0.8rem;}
.money h2 { font-size: 0.4rem; color: #202020;}
.money b { font-size: 0.52rem; color: #000; line-height: 0.88rem;}
.money .refer, .money02 .refer { background: #00aa14; width: 90%; margin-left: auto; margin-right: auto; height: 0.88rem; line-height: 0.88rem; font-size: 0.48rem; color: #fff; display: block; border-radius: 0.1rem; margin-top: 0.6rem; text-align: center;}
.money .list { color: #333; font-size: 0.36rem; line-height: 0.8rem; height: 0.8rem; width: 90%; margin: 0 auto; background: #e7e7e7; border: 1px solid #ccc; display: block; border-radius: 0.1rem; margin-top: 0.4rem;}


/*==================       提现输入金额     ========================*/
.back-color { background: #e7e7e7;}/*----------背景颜色-----------*/
.money02 { width: 7.5rem; height: 12.34rem; margin: 0 auto; padding: 1.08rem 0.2rem 0 0.2rem;background: #e7e7e7;}
.money02-page { background: #fff; overflow: hidden;}
.money02-page p { font-size: 0.32rem; color: #333; padding: 0.28rem 0 0.28rem 0.2rem;}
.money02-page p:nth-child(2) { padding-top: 0.2rem; border-top: 0.04rem solid #e7e7e7;}
.money02-page p:nth-child(3) { margin-top: 0.4rem; padding-left: 0.32rem; font-weight: 500; font-size: 0.48rem; border-bottom: 1px solid #e7e7e7; padding-bottom: 0.2rem;}
.money02-page p span { color: #124393; margin-left: 0.2rem; padding-left: 0.6rem; border-left: 1px dashed #CCC;}
.money02-page p #add { float: right; margin-right: 0.4rem; width: 0.44rem; height: 0.44rem; display: block;}
/* .money02-page p #add img { display: block; margin-top: -5px;} */
.money02-page input { width: 80%; height: 0.8rem; line-height: 0.8rem; font-size: 0.6rem; font-weight: 500; padding-left: 0.2rem;}


/*==================       零钱列表     ========================*/
.change-list { width: 7.5rem; padding: 0 0.2rem; margin: 0 auto;}
.change-list li { padding-top: 0.12rem; padding-bottom: 0.12rem; border-bottom: 1px #ccc solid;}
.change-list li a { display: block; overflow: hidden;color: #969696;}
.change-list .left { float: left;}
.change-list .left p{ font-size: 0.32rem; color: #333; line-height: 0.5rem;}
.change-list .left span { font-size: 0.26rem; line-height: 0.48rem;}
.change-list .right { float: right; color: #00aa14; line-height: 0.9rem; font-size: 0.4rem;}
.change-list .right-red { color: #333;}


/*==================       零钱明细     ========================*/
.change-detail { width: 7.5rem; padding: 0 0.2rem; margin: 0 auto;}
.change-detail .ch-top { overflow: hidden; border-bottom: 1px solid #ccc;}
.change-detail .ch-top h3 { float: left; font-size: 0.32rem; line-height: 1rem; color: #666;}
.change-detail .ch-top span { float: right; line-height: 1rem; color: #00aa14; font-size: 0.4rem;}
.change-detail .ch-bottom { border-bottom: 1px solid #ccc;}
.change-detail .ch-bottom li{ overflow: hidden;}
.change-detail .ch-bottom h4 { float: left; font-size: 0.3rem; line-height: 0.6rem; color: #666;}
.change-detail .ch-bottom i { float: right; line-height: 0.6rem; color: #000; font-size: 0.24rem;}


/*==================       添加银行卡     ========================*/
.add-card { width: 7.5rem; height: 12.34rem; margin: 0 auto; padding-top: 0.2rem;background: #e7e7e7;}
.add-card h3 { font-size: 0.28rem; padding-left: 0.2rem; color: #666; font-weight: normal; line-height: 0.7rem;}
.add-card ul { background: #fff; padding: 0.2rem 0.2rem 0.2rem;}
.add-card li { border-bottom: 1px solid #ccc; overflow: hidden; padding: 0.1rem 0 0.1rem 0.2rem; margin-bottom: 0.2rem; background: #fff;}
.add-card li label { float: left; font-size: 0.32rem; color: #333; line-height: 0.7rem; width: 1.2rem;}
.add-card li input { float: left; margin-left: 0.2rem; font-size: 0.32rem; color: #333; line-height: 0.6rem; padding-left: 0.2rem; width: 4.4rem;}
.add-card li.get-code input { width: 3.2rem;}
.add-card li.get-code button{ display: inline-block; float: right; width: 1.8rem; height: 0.6rem; line-height: 0.6rem; background: #00aa14; text-align: center; color: #fff; font-size: 0.28rem; margin-top: 0.06rem; border-radius: 5px;}
.add-card .add-submit { border: 0; width: 7.1rem; margin-top: 0.4rem;}
.add-card .add-submit input{ width: 3.2rem; height: 0.8rem; line-height: 0.8rem; margin-left: 1.6rem; display: block; text-align: center; color: #fff; font-size: 0.36rem; background: #00aa14;  border-radius: 5px;}


/*==================       bbs.html     ========================*/
.doctor{}
.doctor-list{}
.doctor-item{width: 100%;height: 2.8rem; border-bottom: 1px solid #cfcfcf;}
.doctor-item .di-photo{width: 35%;height: 2.8rem;line-height: 3.5rem; text-align: center;float: left;}
.doctor-item .di-photo img{}
.doctor-item .di-detail{width: 65%; float: left;padding-top: 0.2rem;padding-right: 0.1rem; overflow: hidden;}
.doctor-item .di-detail .di-detail-name{height: 0.6rem;line-height: 0.6rem;font-size: 0.3rem;}
.doctor-item .di-detail .di-detail-name .di-detail-name-detail{font-size: 0.2rem;color: #007AFF;padding-left: 0.2rem;}
.doctor-item .di-detail .di-detail-content{height: 0.8rem;line-height: 0.4rem; overflow: hidden;padding-top: 0.1rem;}
.doctor-item .di-detail .di-detail-consult{padding-top: 0.3rem;}
.doctor-item .di-detail .di-detail-consult button{width: 2rem;height: 0.5rem;color: #fff;background: red;border-radius: 6px;}


/*==================       business.html     ========================*/
.business{}
.business-list{}
.business-item{width: 100%;height: 3rem;text-align: center;}
.business-item img{width: 100%;height: 3rem;}


/*==================       lecture.html     ========================*/
.lecture{}
.lecture-list{}
.lecture-item{margin: 0.2rem;border: 1px solid #e0e0e0;}
.lecture-item .li-title{height: 1rem;line-height: 1rem;font-size: 0.3rem;padding-left: 0.2rem;border-bottom: 1px solid #eee;}
.lecture-item .li-content{}


/*==================       bbs.html     ========================*/
.bbs{}
.bbs-list{}
.bbs-item{width: 100%;height: 2.3rem; border-bottom: 1px solid #cfcfcf;}
.bbs-item .bi-photo{width: 35%;height: 2.3rem;line-height: 3.5rem; text-align: center;float: left;}
.bbs-item .bi-photo img{height: 1.5rem;margin-top: 0.4rem;}
.bbs-item .bi-detail{width: 65%; float: left;padding-top: 0.2rem;padding-right: 0.1rem; overflow: hidden;}
.bbs-item .bi-detail .bi-detail-name{height: 1.1rem;line-height: 0.4rem;color: #222; overflow: hidden;padding-top: 0.3rem;font-size: 0.3rem;font-weight: 700;font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;}
.bbs-item .bi-detail .bi-detail-content{height: 0.6rem;line-height: 0.6rem;margin-top: 0.1rem;}
.bbs-item .bi-detail .bi-detail-content .bi-detail-content-detail{font-size: 0.2rem;color: #007AFF;padding-left: 0.2rem;}


